<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <style>
      img {
        float: right;
      }
      p {
        text-indent: 2em;
      }
      p.clear {
        clear: both;
      }
    </style>
  </head>
  <body>
    <div style="position: relative; width: 1000px">
      <img src="./image/yi.jpg" width="300px" height="250px" />
      <p>
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
      </p>
      <p class="clear">
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
        这是一个段落 这是一个段落 这是一个段落 这是一个段落 这是一个段落
      </p>
    </div>
  </body>
</html>
